.PromotionsBox {
  border-radius: 8px;
  width: 95%;
  padding: 20px;
  max-height: 500px;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  //box-shadow: #000 0 0px 10px;

  .PromotionsBox_input {
    width: 100%;
    height: 40px;
    border: 1px solid red;
  }

  .PromotionsAdd {
    cursor: pointer;
    margin-bottom: 16px;
  }

  .PromotionsList {
    width: 100%;
    height: 400px;
    overflow-y: auto;

    li {
      width: 100%;
      margin-bottom: 24px;

      h2 {
        margin-bottom: 16px;
        font-weight: 600;
        display: inline-block;
        cursor: pointer;
      }

      .goodsAdd {
        margin-left: 12px;
      }

      .table {
        width: 100%;
        .thead {
          background-color: #e1e1e1;

          .td {
            width: 200px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            border: 1px solid #ababab;
          }
        }

        .tbody {
          .tr {
            .td {
              width: 200px;
              height: 50px;
              padding: 10px;
              text-align: center;
              word-break: break-all;
              vertical-align: middle;
              border: 1px solid #ababab;
            }
          }
        }

        .joinLen0 {
          background-color: #ffe793;

        }

        .joinSkuEmpty {
          position: relative;

          &::before {
            width: 152px;
            height: 45px;
            padding: 0px 10px;
            border-radius: 10px;
            background-color: #000;
            content: '提示：无有效活动商品规格，请删除后提交！';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -120%) scale(.9);
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #fff;
            word-break: break-all;
            font-size: 10px;
            line-height: 16px;
          }

          &::after {
            width: 0;
            height: 0;
            border: 5px solid;
            border-color: black transparent transparent transparent;
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -138%);
          }
        }


      }
    }
  }

  .goodsList {
    display: flex;
    flex-direction: column;
    align-items: center;

    .title {
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 12px;
    }

    .goodsSearch {
      width: 400px;
    }

    .list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 20px;
      height: 300px;
      overflow-y: auto;
      width: 100%;
      margin-top: 10px;
      li {
        width: 45%;
        cursor: pointer;
        margin-bottom: 16px;
        position: relative;

        .disableChoose {
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 999;
          cursor: not-allowed;
          background: rgba(0, 0, 0, .3);

          &::after {
            width: 140px;
            height: 140px;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            content: '禁用';
            color: #fff;
            background: rgba(230, 230, 230, .4);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 40px;
            font-weight: 600;
          }

        }

        img {
          width: 100%;
          height: 200px;
          margin-bottom: 8px;
        }


        p {
          padding: 0;
          margin: 0;
          font-size: 16px;
        }

        .price {
          font-size: 18px;
          color: #edc21e;
          font-weight: 600;
        }

      }

      .checked {

        position: relative;

        &::before {
          width: 100%;
          height: 100%;
          content: attr(data-txt);
          color: yellow;
          display: flex;
          align-items: center;
          justify-content: center;
          padding-top: 40px;
          font-size: 20px;
          font-weight: 600;
          position: absolute;
          left: 0;
          top: 0;
          background: rgba(0, 0, 0, .3);
          z-index: 211;
        }

        &::after {
          width: 150px;
          height: 150px;
          content: '选中';
          font-size: 30px;
          color: #fff;
          font-weight: 600;
          display: flex;
          // align-items: center;
          padding-top: 40px;
          justify-content: center;
          border-radius: 50%;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          background: rgba(230, 230, 230, .4);
          z-index: 212;
        }
      }
    }
  }

  .put-away {
    .tbody {
      display: none;
    }
  }
}

.thresholdPrice {
  position: relative;
}

.thresholdPrice::after {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  content: '元减';
  width: 40px;
  height: 20px;

}

.discountPrice {
  position: relative;
}

.discountPrice::after {
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  content: '元';
  width: 20px;
  height: 20px;
}

.goodsImport {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin-right: 10px;

  input {
    opacity: 0;
    width: 200%;
    height: 200%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    cursor: pointer;

  }
}

.noCanJoinGood {
  //border-radius: 10px;
  //width: 95%;
  //padding: 20px;
  //max-height: 600px;
  //box-sizing: border-box;
  //box-shadow: #000 0 0px 10px;

  .btnList {
    display: flex;
    margin-bottom: 10px;

    .downloadDemo {
      span {
        margin-left: 10px;
        color: #666;
        cursor: default;
      }
    }
  }
}
